<template>
  <div class="wraper">
    <slot></slot>
    <template>
      <el-backtop target=".wraper" :bottom="100">
        <div
          style="{
        height: 100%;
        width: 100%;
        background-color: #f2f5f6;
        box-shadow: 0 0 6px rgba(0,0,0, .12);
        text-align: center;
        line-height: 40px;
        color: #1989fa;
      }"
        >UP</div>
      </el-backtop>
    </template>
  </div>
</template>

<script>
export default {
  name: "XindBackTop",
  props: {},
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {},
  components: {}
};
</script>

<style scoped lang="scss">
.wraper {
  height: 100vh;
  overflow-x: hidden;
}
</style>
